import React from 'react';
import {
  ListWrapper,
  PagesBtnWrapper,
  PagesNewerBtn,
  PagesOlderBtn
} from '../style';
import Item from './Item';

const List = (props) => {
  return (
    <ListWrapper>
      <Item />
      <hr/>
      <Item />
      <hr/>
      <Item />
      <hr/>
      <Item />
      <hr/>
      <Item />
      <hr/>
      <Item />
      <hr/>
      <Item />
      <hr/>
      <PagesBtnWrapper>
        <PagesNewerBtn to='/'>← Newer Posts</PagesNewerBtn>
        <PagesOlderBtn to='/'>Older Posts →</PagesOlderBtn>
      </PagesBtnWrapper>
    </ListWrapper>
  );
}

export default List;